﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ChoViet.CMS.ViewModels.AdEditCMSViewModel>" %>

<%@ Import Namespace="ChoViet.Lib.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Sửa tin rao
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">
    <%= Html.Toolbar("Quay về", "/Ad/IndexCMS/", "back") %>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Sửa tin rao:<font color="red"><%=Model!= null && Model.Ad != null ? Model.Ad.ID.ToString() : ""%></font>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%if (ViewData["MessageInfo"] == null)
      { %>
    <% using (Html.BeginForm("EditCms", "Ad", FormMethod.Post, new { id = "adminForm", enctype = "multipart/form-data" }))
       {%>
    <%= Html.ValidationSummary(true)%>
    <table class="admintable" width="100%">
        <tbody>
            <tr>
                <td class="key">
                    Tên người đăng<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.NameContact, new {@class="required", Style = "width:250px",title="Nhập tên người đăng tin!" })%>
                </td>
                <td class="key">
                    Email<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.EmailContact, new { Style = "width:250px", title = "Nhập email người đăng tin!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Di động<font color="red">*</font>:
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.MobileContact, new {Style = "width:250px", title = "Nhập số điện thoại di động!" })%>
                </td>
                <td class="key">
                    SĐT bàn
                </td>
                <td>
                    <%= Html.TextBoxFor(m => m.Ad.PhoneContact, new {style = "width:250px", title="Nhập số điện thoại bàn!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Địa chỉ:
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m => m.Ad.AddressContact, new { Style = "width:730px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Tỉnh thành<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.CityID, new SelectList(Model.Cities,"ID","Name",Model.Ad.CityID).ToList(),"Chọn tỉnh thành", new {@class="required", Style = "width:250px", title="Chọn tỉnh/thành đăng tin!" }) %>
                </td>
                <td class="key">
                    Quận/huyện:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.DistrictID, new SelectList(Model.Districts != null?  Model.Districts: null ,"ID","Name",Model.Ad.DistrictID != null ? Model.Ad.DistrictID : null).ToList(),"Chọn quận/huyện", new { Style = "width:250px" }) %>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Danh mục<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.CatID, new SelectList(Model.CategoryBuiltTree, "Value", "Text",Model.Ad.CatID).ToList(), "--chọn danh mục--", new { @class = "required", style = "width:250px",title="Chọn danh mục cho tin rao!" })%>
                </td>
                <td class="key">
                    Nhu cầu<font color="red">*</font>:
                </td>
                <td>
                    <%=Html.DropDownListFor(m => m.Ad.DemandID, new SelectList(Model.Demands, "ID", "Name",Model.Ad.DemandID).ToList(),"--Nhu cầu--", new {@class="required", style="width:120px",title="Chọn nhu cầu cho tin rao!" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Ảnh đại diện
                </td>
                <td colspan="3">
                    <img src="<%=string.IsNullOrEmpty(Model.Ad.Image) ? "" : Model.Ad.Image%>" width="60px" height="40px" style="float:left"/> <input type="file" name="AdImage" id="AdImage" />
                </td>
            </tr>
            <tr>
                <td class="key">
                    Tiều đề<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%= Html.TextBoxFor(m => m.Ad.Title, new { @class = "required", title = "Nhập tiêu đề tin rao vào đây", style = "width:730px" })%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Nội dung tin rao<font color="red">*</font>:
                </td>
                <td colspan="3">
                    <%=Html.TextAreaFor(m=>m.Ad.Content, new {cols = 97, rows = 40, title="Nhập nội dung tin rao"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Giá:
                </td>
                <td colspan="3">
                    <%= Html.TextBoxFor(m => m.Ad.Cost, new {style="width:100px",title="Nhập giá rao bán hoặc cho thuê!" })%>
                    Đơn vị:<%=Html.DropDownListFor(m => m.Ad.CostTypeID, new SelectList(Model.CostTypes, "ID", "Name",Model.Ad.CostTypeID != null ? Model.Ad.CusTypeID : null).ToList(), new { style="width:90px"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Chọn tag
                </td>
                <td colspan="3">
                    <%= Html.TextBox("TagName", string.Empty, new { style = "width:350px" })%>(<font
                        color="red">*</font>)Cho phép chọn nhiều tag, mỗi tag cách nhau bằng dấu ",".
                    Tag chưa có thì viết tên tag vào ô text
                    <%= Html.Hidden("TagID")%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Trạng thái hiển thị
                </td>
                <td>
                    <%= Html.RadioButtonFor(m=>m.Ad.PublishYN, true)%>
                    Publish
                    <%= Html.RadioButtonFor(m=> m.Ad.PublishYN, false) %>
                    Không Publish
                </td>
                <td class="key">
                    Tin nổi bật
                </td>
                <td>
                    <%= Html.RadioButtonFor(m=>m.Ad.Status,1)%>
                    Đặt làm tin nổi bật
                    <%= Html.RadioButtonFor(m=>m.Ad.Status,0,new { @checked = "checked" }) %>
                    Tin thường
                </td>
            </tr>
            <tr>
                <td class="key">
                    MetaKeyword
                </td>
                <td>
                    <%=Html.TextBoxFor(m=>m.Ad.Keyword, new { style = "width:250px;"})%>
                </td>
                <td class="key">
                    MetaTitle
                </td>
                <td>
                    <%=Html.TextBoxFor(m=>m.Ad.MetaTitle, new { style = "width:250px;"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    MetaDescription
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.MetaDescription, new { style = "width:730px;"})%>
                </td>
            </tr>
            <tr>
                <td class="key">
                    Link nguồn
                </td>
                <td colspan="3">
                    <%=Html.TextBoxFor(m=>m.Ad.SourceUrl, new { style = "width:730px;"})%>
                </td>
            </tr>
            <% if (Model.Galleries != null && Model.Galleries.Count > 0)
                         {%>
                         <tr>
                         
                    <td class="key">
                        Ảnh mô tả:
                    </td>
                    <td>
                          <%    foreach (var item in Model.Galleries)
                                { %>
                             <span id="img<%=item.ID %>"><img width="60" height="40" src="<%=item.Path%>"/><img style="vertical-align: middle" onclick="DeleteImge(<%=item.ID %>);" alt="Xóa" src="/images/delete22.png" /></span>
                      <%}
                        %>
                    </td>
                </tr>
                <%} %>
            <tr>
                <td class="key">
                    Thêm ảnh mô tả
                </td>
                <td colspan="3">
                    <table id="frmFile" width="100%" class="adminlist">
                        <tr>
                            <td>
                                <input id="fileInput1" size="25" name="fileInput1" type="file" onchange="check_extension(this.value,'btnSave');" />
                                &nbsp;<input id="btnAddFile" type="button" value="Thêm" onclick="AddFile();" />
                            </td>
                        </tr>
                    </table>

                    <script type="text/javascript">
                        var fileIndex = 1;
                        var hash = { '.jpg': 1, '.png': 1, '.gif': 1 };
                        function check_extension(filename, submitId) {
                            var re = /\..+$/;
                            var ext = filename.match(re).toString().toLowerCase();
                            var submitEl = document.getElementById(submitId);
                            if (hash[ext]) {
                                submitEl.disabled = false;
                                return true;
                            } else {
                            }
                        };
                        function AddFile() {
                            fileIndex++;
                            var tag1 = "<td><input id='fileInput" + fileIndex.toString() + "' name='fileInput" + fileIndex.toString() + "' type=\"file\" size='25'  onchange=\"check_extension(this.value,'btnSave');\" /></td>";
                            var row = "<tr>" + tag1 + "</tr>";
                            $("#frmFile").append(row);
                        };
                    </script>

                </td>
            </tr>
            <tr>
                <td class="key">Gửi mail thông báo</td>
                <td colspan="3">
                    <%=Html.DropDownList("MailStatusId",new SelectList(Model.MailStatus,"Key","Value",0).ToList(),"--Chọn thông báo--")%><span style="font-size:smaller;color:Red">Tính năng này cho phép gửi email thông báo tới người đăng tin!</span>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" id="btnSave" value="Lưu lại" onclick="return check_extension('AdImage','btnSave');" />
                </td>
            </tr>
        </tbody>
    </table>
    <%}
      } %>

    <script type="text/javascript">
        $(document).ready(function() {
            $("#adminForm").validate();
            $("#Ad_CityID").unbind("change").change(function() {
                var val = $("#Ad_CityID").val();
                if (val == "" || val == '' || val == undefined)
                    return false;
                AjaxChange("#Ad_CityID", "#Ad_DistrictID", "/Applications/LoadDistrictByCity/");
            });
        });

        var fileIndex = 1;
        var hash = { '.jpg': 1, '.png': 1, '.gif': 1 };
        function check_extension(filename, submitId) {
            var re = /\..+$/;
            //     var ext = filename.match(re).toString().toLowerCase();
            var submitEl = document.getElementById(submitId);
            if (hash[ext]) {
                submitEl.disabled = false;
                return true;
            } else {
            }
        }
        function DeleteImge(id) {
            var ur = "/Ad/DeleteImg/" + id;
            if (confirm("Bạn có chắc chắn muốn xóa ảnh mô tả này?")) {
                $.ajax({
                    url: ur,
                    type: 'POST',
                    success: function(html) {
                        if (html.toString() == "true") {
                            $('#img' + id).remove();
                        }
                    },
                    error: function(mes) {
                        alert("Lỗi: " + mes.responseText);
                        return false;
                    }
                });
            }
        }
        
        tinyMCE.init({
            mode: "exact",
            elements: "Ad_Content",
            theme: "advanced",
            plugins: "spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,paste,imagemanager",
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            paste_use_dialog: false,
            paste_auto_cleanup_on_paste: true,
            paste_convert_headers_to_strong: false,
            paste_strip_class_attributes: "all",
            paste_remove_spans: true,
            paste_remove_styles: true
        });

        // Start Load du lieu Autocomplete for filed Select tag: Created by Vietlv//
        $("#TagName").autocomplete({
            minLength: 2,
            source: function(request, response) {
                $.ajax({
                    url: "/Applications/SearchTag",
                    dataType: "json",
                    data: {
                        keyword: extractLast(request.term)
                    },
                    success: function(data) {
                        response($.map(data, function(item) {
                            return {
                                label: item.Name,
                                value: item.Keyword,
                                id: item.ID
                            }
                        }));
                    }
                });
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            },
            select: function(event, ui) {
                var terms = split(this.value);
                // remove the current input
                terms.pop();
                // add the selected item
                terms.push(ui.item.value);
                // add placeholder to get the comma-and-space at the end
                terms.push("");
                this.value = terms.join(", ");

                var termsk = split($('#TagID').val());
                // remove the current input
                termsk.pop();
                // add the selected item
                termsk.push(ui.item.id);
                // add placeholder to get the comma-and-space at the end
                termsk.push("");
                $('#TagID').val(termsk.join(","));
                return false;
            }
        });
    </script>

</asp:Content>
